<!DOCTYPE html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title>消息</title>
		<link rel="stylesheet" type="text/css" href="../css/footer.css">
		<link rel="stylesheet" type="text/css" href="../css/message.css">
	</head>
	<body>
		<div class="issue">
			<ul class="flex">
		    		<li>
		    			<a href="../html/i-party.html">
		    				<img src="../img/party.png">
		    				<p>聚会约会</p>
		    			</a>
		    		</li>
		    		<li>
		    			<a href="../html/i-travel.html">
			    			<img src="../img/travel.png">
			    			<p>结伴旅游</p>
			    		</a>
		    		</li>
		    		<li>
		    			<a href="../html/i-club.html">
			    			<img src="../img/club.png">
			    			<p>推拿会所</p>
		    			</a>
		    		</li>
		    		<li>
		    			<a href="../html/i-guide.html">
			    			<img src="../img/guide.png">
			    			<p>同城导游</p>
		    			</a>
		    		</li>
		    	</ul>
		    	<div class="center issue-x"><img src="../img/6d.png"></div>
		</div>
		<div class="box">
			<p class="message">消息</p>
			<div class="content">
				<a href="comments.html" class="underlining">
					<div class="flex h-portrait">
						<img src="../img/logo.png" width="50px">
						<div class="comments">
							<p>评论</p>
							<p class="user-c">小静静评论了你</p>
						</div>
						<div class="r-dot center">1</div>
					</div>
				</a>
				<a href="praise.html" class="underlining">
					<div class="flex h-portrait">
						<img src="../img/logo.png" width="50px">
						<div class="comments">
							<p>点赞</p>
						</div>
					</div>
				</a>
				<a href="friendslist.html" class="underlining">
					<div class="flex h-portrait">
						<img src="../img/logo.png" width="50px">
						<div class="comments">
							<p>好友</p>
						</div>
					</div>
				</a>
				<a href="inform.html" class="underlining">
					<div class="flex h-portrait">
						<img src="../img/logo.png" width="50px">
						<div class="comments">
							<p>通知</p>
						</div>
					</div>
				</a>
			</div>
			<p class="message">全部私信</p>
			<div class="content">
				<a href="friends.html" class="underlining">
					<div class="flex h-portrait">
						<img src="../img/logo.png" height="50px">
						<div class="comments">
							<div class="flex">
								<p>小静静</p>
								<div class="r-dot center">2</div>
							</div>
							<div class="flex">
								<p class="user-c">加个好友吧</p>
								<p class="user-c">5分钟前</p>
							</div>
						</div>

					</div>
				</a>
				<a href="#" class="underlining">
					<div class="flex h-portrait">
						<img src="../img/logo.png" width="50px">
						<div class="comments">
							<div class="flex">
								<p>小苏苏</p>
							</div>
							<div class="flex">
								<p class="user-c">邀请您视频聊天</p>
								<p class="user-c">10分钟前</p>
							</div>
						</div>

					</div>
				</a>
				<a href="#" class="underlining">
					<div class="flex h-portrait">
						<img src="../img/logo.png" width="50px">
						<div class="comments">
							<div class="flex">
								<p>小苏苏</p>
							</div>
							<div class="flex">
								<p class="user-c">邀请您视频聊天</p>
								<p class="user-c">10分钟前</p>
							</div>
						</div>

					</div>
				</a>
			</div>
		</div>
		<footer>
			<ul class="flex center clearfix">
				<li>
					<a href="../index.html" class="underlining">首页</a>
				</li>
				<li>
					<a href="#" class="active underlining">消息</a>
				</li>
				<li>
					<a href="javacript:;" class="fabu"></a>
				</li>
				<li>
					<a href="../html/zhuanqian.html"  class="underlining">赚钱</a>
				</li>
				<li>
					<a href="../html/my.html"  class="underlining">我的</a>
				</li>
			</ul>
		</footer>

		<script src="../js/jquery-3.3.1.js"></script>
		<script src="../js/message.js"></script>
	</body>
</html>
